<template>
    <div class="bgf bort">
        <div class="container">
            <div class="position-x  flex-align">
                <nuxt-link to="">
                    <img src="~/assets/images/home.png" alt="">
                </nuxt-link>
                <span class="ml10">您的位置：首页</span>
                <span class="ml10">></span>
                <nuxt-link to="" class="ml10">游戏</nuxt-link>
                <span class="ml10">></span>
                <nuxt-link to="" class="cf89 ml10">游戏</nuxt-link>
            </div>
            <!--  -->
            <div class="mimg">
                <img src="~/assets/images/404.png" alt="">
                <div class="mimg-txt">
                    <p class="fz18">哎呀！你访问的页面不存在</p>
                    <a class="mimg-go" href="">返回首页</a>
                </div>

            </div>
        </div>
    </div>
</template>
<script setup>

</script>
<style lang="scss" scoped>
.mimg {
    padding: 70px 0 200px;
    text-align: center;

    .mimg-txt {
        margin-top: -140px;
    }

    .mimg-go {
        display: block;
        margin: 20px auto 0;
        width: 125px;
        height: 52px;
        background-image: url('~/assets/images/go.png');
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% 100%;
        text-align: center;
        line-height: 52px;
        font-size: 18px;
        color: #FFFFFF;
    }
}
</style>